body {
    margin: 0;
    /*padding: header-  length    0 footer-  length    0;*/
}

div#header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 95%;
}

div#texto {
    position: absolute;
    top: 35%;
    left: 18%;
    width: 35%;
    height: 40%;
}

div#usuario {
    position: absolute;
    top: 27%;
    left: 61%;
    width: 5%;
    height: 5%;
}

div#area1 {
    position: absolute;
    top: 25%;
    left: 64%;
    width: 15%;
    height: 25%;
}

div#contraseña {
    position: absolute;
    top: 39%;
    left: 61%;
    width: 5%;
    height: 5%;
}

div#area2 {
    position: absolute;
    top: 47%;
    left: 70%;
    width: 5%;
    height: 5%;
}

div#footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    /*height: footer- < length >;*/
}

@media screen {
    body>div#header {
        position: fixed;
    }
    body>div#texto {
        position: fixed;
    }
    body>div#footer {
        position: fixed;
    }
}

* html body {
    overflow: hidden;
}